:root {
    --hywl-ai-main: #7b51ff;
    --hywl-ai-bg: #f8faff;
    --hywl-ai-radius: 14px;
    --hywl-ai-shadow: 0 4px 16px rgba(123,81,255,0.08);
}
.hywl-ai-summary {
    background: var(--hywl-ai-bg);
    border: 1.5px solid var(--hywl-ai-main);
    border-radius: var(--hywl-ai-radius);
    margin-bottom: 28px;
    padding: 22px 28px 20px 28px;
    box-shadow: var(--hywl-ai-shadow);
    font-size: 17px;
    color: #222;
    position: relative;
    transition: box-shadow 0.2s;
    overflow: hidden;
}
.hywl-ai-summary-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 12px;
    color: var(--hywl-ai-main);
    display: flex;
    align-items: center;
    gap: 8px;
}
.hywl-ai-summary-title::before {
    content: "\1F916";
    font-size: 20px;
    margin-right: 4px;
}
.hywl-ai-summary-content {
    line-height: 2;
    word-break: break-all;
    font-size: 16px;
    color: #444;
    min-height: 32px;
}
@media (max-width: 600px) {
    .hywl-ai-summary { font-size: 15px; padding: 14px 8px; }
    .hywl-ai-summary-title { font-size: 16px; }
    .hywl-ai-summary-content { font-size: 15px; }
} 